$(document).ready(function(){
    $('#nasc').mask('99/99/9999');
    $('#frmTouro').validate({
        // Reporta os erros no container
        errorLabelContainer: '#error',
        wrapper: 'li',
        errorClass: 'campo-invalido',
        rules: {
          nome:{
             required: true,
             minlength: 3
          },
          foto: {
             required: true,
             accept:'jpg|png|gif'
          },
          cboTipo:'required: true',
          cboRaca:'required: true',
          cboFiliacao:'required: true',
          nasc:'required: true',
          peso:'required:true',
          municipio:'required:true'
        },
        messages: {
           nome:{
             required: 'Informe o <strong>NOME</strong>',
             minlength:'O <strong>NOME</strong> deve ser maior que 3 caracteres'
          },
          foto: {
             required: 'Informe a <strong>FOTO</strong> dp animal',
             minlength:'A <strong>FOTO</strong> deve ser nas extensões <strong>JPG,GIF ou PNG</strong>'
          },
          cboTipo:{ required: 'Informe o <strong>TIPO</strong> de animal'
          },
          cboRaca:{
            required: 'Informe a <strong>RAÇA</strong>'
          },
          nasc:{
             required: 'Informe a <strong>DATA DE NASCIMENTO</strong> ex: 99/99/9999'
          },
          peso: 'Informe o <strong>PESO</strong> do animal',
          municipio: 'Informe o <strong>MUNÍCIPIO</strong> de nascimento do animal'
        }


    });

    // envia dados via ajax pra backend
    $('#enviaAnimal').click(function(){
       // recebe variaveis
       var nome        = $('#nome');
       var foto        = $('#foto');
       var pelagem     = $('#pelagem');
       var cboTipo     = $('#cboTipo');
       var cboRaca     = $('#cboRaca');
       var cboFiliacao = $('#cboFiliacao');
       var nasc        = $('#nasc');
       var peso        = $('#nasc');
       var municipio   = $('#municipio');

       var nomePost        = nome.val();
       var fotoPost        = foto.val();
       var pelagemPost     = pelagem.val();
       var cboTipoPost     = cboTipo.val();
       var cboRacaPost     = cboRaca.val();
       var cboFiliacaoPost = cboFiliacao.val();
       var nascPost        = nasc.val();
       var pesoPost        = peso.val();
       var municipioPost   = municipio.val();

       // Envia via metodo post
       $.post('recebeAnimal.php',{ nome: nomePost,
                                    foto:fotoPost,
                                    pelagem: pelagemPost,
                                    cboTipo: cboTipoPost,
                                    cboRaca: cboRacaPost,
                                    cboFiliacao: cboFiliacaoPost,
                                    nasc: nascPost,
                                    peso: pesoPost,
                                    municipio: municipioPost
                                  },
         function(data) {$('#resposta').html(data);},'html');
    });
});